$(function () {
  // 定义表单验证规则
  const form = layui.form;
  form.verify({
    nickname(value) {
      if (value.length > 6) return "昵称长度必须在1~6个字符之间";
    }
  });

  initUserInfo();
  // 初始化用户的基本信息
  function initUserInfo() {
    $.ajax({
      type: "GET",
      url: "/my/userinfo",
      success: function (res) {
        if (res.status !== 0) return layer.msg("获取用户信息失败！");
        // layui提供的方法 快速渲染form表单
        form.val("formUserInfo", res.data);
      }
    });
  }

  // 表单重置效果
  $("[type=reset]").click(function (e) {
    // 先阻止表单重置的默认行为
    e.preventDefault();
    // 再初始化用户的基本信息 渲染上去
    initUserInfo();
  });

  // 更新用户信息
  $(".layui-form").submit(function (e) {
    e.preventDefault();
    $.ajax({
      type: "POST",
      url: "/my/userinfo",
      data: $(this).serialize(),
      success: function (res) {
        if (res.status !== 0) return layer.msg("更新用户信息失败");
        layer.msg("更新用户信息成功");
        // 调用父页面中的方法 重新渲染头像和基本资料信息
        window.parent.getUserInfo();
      }
    });
  });
});
